<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/src/css/bootstrap.min.css">
  <link rel="stylesheet" href="/src/css/public.css">
  <link rel="stylesheet" href="/src/scss/index.min.css">
</head>

<body>
  <!-- 头部导航栏 -->
  <nav class="navbar navbar-expand-lg  ">
    <div class="container">
      <a class="navbar-brand" href="#">
        <img src="/src/img/logo.png" alt="">
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
        aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="#">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">PRODUCTS</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">CASE</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">NEWS</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">ABOUT US</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">CONTACT US</a>
          </li>
        </ul>
      </div>
      <a href="#" class="nav-right d-none d-lg-block">
        <span class="nav-right-1"><i>24</i>hrs Online</span>
        <span class="nav-right-2">+86-371-86162511</span>
      </a>
    </div>
  </nav>
  <!-- 头部导航栏结束 -->
  <!-- 轮播图 -->
  <div class="carousel slide" data-bs-ride="carousel">

    <!-- 指示符 -->
    <div class="carousel-indicators">
      <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
      <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
      <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
    </div>

    <!-- 轮播图片 -->
    <div class="carousel-inner">
      <div class="carousel-item active">
        <a href="">
          <img src="/src/img/banner.png" class="d-block" style="width:100%">
        </a>
      </div>
      <!-- <div class="carousel-item">
       <img src="https://static.runoob.com/images/mix/img_nature_wide.jpg" class="d-block" style="width:100%">
     </div>
     <div class="carousel-item">
       <img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg" class="d-block" style="width:100%">
     </div> -->
    </div>

    <!-- 左右切换按钮 -->
    <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
      <span class="carousel-control-prev-icon"></span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
      <span class="carousel-control-next-icon"></span>
    </button>
  </div>
  <!-- 轮播图结束 -->
  <!-- 公司简介 -->
  <section class="container-fluid">
    <div class="row">
      <div class="col-lg-4 company-introduction-l">
        <span class="company-icon">LIMING</span>
        <h1>Heavy Industry Science and Technology <i>Co. LTD</i> </h1>
        <div class="company-btn">
          <p>KONW MORE</p>
        </div>
      </div>
      <div class="col-lg-8 company-introduction-r ">
        <p>Henan LIMING Heavy Industry Science and Technology Co. LTD which mainly manufacture large and medium-sized
          crushing and grinding equipments was founded in 1987. It is a modern joint-stock corporation with research,
          manufacturing and sales together</p>
        <div class="company-introduction-mid row ">
          <div class="company-introduction-cell col-lg-4 tab"
            onclick="openTab(event,'tab1');showImage('image1'); return false;">
            <img src="/src/img/js1.png" alt="" style="width: 5.31rem;
              height: 1.81rem;">
            <span>MOBILE CRUSHERS</span>
            <img id="image1" src="/src/img/tri.png" alt=""
              style="width: 2.31rem;position: absolute;bottom:-.5rem;display: none;">
          </div>
          <div class="company-introduction-cell col-lg-4 tab  tab-active"
            onclick="openTab(event,'tab2');showImage('image2'); return false;">
            <img src="/src/img/js2.png" alt="" style="width: 2.38rem;
            height: 1.75rem;">
            <span>STATIONARY CRUSHERS</span>
            <img id="image2" src="/src/img/tri.png" alt="" style="width: 2.31rem;position: absolute;bottom:-.5rem;">
          </div>
          <div class="company-introduction-cell col-lg-4  tab"
            onclick="openTab(event,'tab3');showImage('image3'); return false;">
            <img src="/src/img/js3.png" alt="" style="width: 2rem;
          height: 2.13rem;">
            <span>MOBILE CRUSHERS</span>
            <img id="image3" src="/src/img/tri.png" alt=""
              style="width: 2.31rem;position: absolute;bottom:-.5rem;display: none;">
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 产品选项卡 -->
  <section class="container">
    <div id="tab1" class="tab-content">
      <h3>标签页1内容</h3>
      <p>这是标签页1的内容。</p>
    </div>
    <div id="tab2" class="tab-content" style="display:block;">
      <div class="product-tab">
        <div class="product-tab-cell">
          <img src="/src/img/product/index/IMG_1006.png" alt="">
          <p>European Type Jaw Crusher</p>
        </div>
        <div class="product-tab-cell">
          <img src="/src/img/product/index/DSC_0488.png" alt="">
          <p>Impact Crusher</p>
        </div>
        <div class="product-tab-cell">
          <img src="/src/img/product/index/圆锥破.png" alt="">
          <p>HPT Cone Crusher</p>
        </div>
        <div class="product-tab-cell">
          <img src="/src/img/product/index/单缸圆锥破.png" alt="">
          <p>HST Hydraulic Cone Crusher</p>
        </div>
      </div>
    </div>
    <div id="tab3" class="tab-content">
      <h3>标签页3内容</h3>
      <p>这是标签页3的内容。</p>
    </div>
  </section>
  <!-- 公司简介结束 -->
  <!-- 项目 -->
  <section class="project">
    <div class="container">
      <div class="project-tit">
        <div class="project-tit-l">
          <span>OUR</span>
          <h2>PROJECTS</h2>
        </div>
        <ul class="project-tit-r">
          <li class="p-tab tab-project-active" onclick="openProjectTab(event,'project-tab1')">Mobile Crushing </li>
          <li class="p-tab" onclick="openProjectTab(event,'project-tab2')"> Construction </li>
          <li class="p-tab" onclick="openProjectTab(event,'project-tab3')">Mining </li>
          <li class="p-tab" onclick="openProjectTab(event,'project-tab4')"> Industrial Grinding</li>
        </ul>
      </div>
      <div class="project-mid">
        <div id="project-tab1" class="tab-project-content" style="display: block;">
          <div class="row ">
            <div class="col-3" style="overflow: hidden;">
              <img src="/src/img/projects/index/IMG_0841 - 副本 - 副本.png" alt="">
              <p>100tph construction waste Mobile crushing...</p>
            </div>
            <div class="col-3" style="overflow: hidden;">
              <img src="/src/img/projects/index/DSC_1767.png" alt="">
              <p>350-400TPH Sandstone Mobile Crushing Line...</p>
            </div>
            <div class="col-3" style="overflow: hidden;">
              <img src="/src/img/projects/index/IMG_0451 (2).png" alt="">
              <p>300-400tph Sand aggregate production line...</p>
            </div>
            <div class="col-3" style="overflow: hidden;">
              <img src="/src/img/projects/index/DSC00596.png" alt="">
              <p>150 TPH rock crushing plant in Irkutsk, Russia</p>
            </div>
          </div>
        </div>
        <div id="project-tab2" class="tab-project-content">
          2
        </div>
        <div id="project-tab3" class="tab-project-content">
          3
        </div>
        <div id="project-tab4" class="tab-project-content">
          4
        </div>
      </div>
    </div>
  </section>
  <!-- 项目结束 -->
  <!-- 新闻 -->
  <section class="news">
    <div class="container">
      <div class="row">
        <div class="col-lg-4">
          <div class="news-top">
            <span> LATEST</span>
            <h2>NEWS</h2>
          </div>
          <img src="/src/img/news.png" alt="">
          <h3>Limestone powder brings benefit to concrete mixing plant</p>
        </div>
        <div class="col-lg-5" style="margin-top: 2.63rem;">
          <a href="#" class="more"><img src="/src/img/arrow 36.png" alt="">&nbsp; KNOW MORE</a>
          <ul class="news-main">
            <li class="news-card">
              <div class="news-card-top">
                <h3>Liming Heavy Industry new sand making machine-VSI6X </h3><span>2017-06-27</span>
              </div>
              <p>Sand is one of the important raw material for infrastructure construction. With the depletion of
                natural sand resources, mechanism..</p>
            </li>
            <li class="news-card">
              <div class="news-card-top">
                <h3>Liming Heavy Industry new sand making machine-VSI6X </h3><span>2017-06-27</span>
              </div>
              <p>Sand is one of the important raw material for infrastructure construction. With the depletion of
                natural sand resources, mechanism..</p>
            </li>
            <li class="news-card">
              <div class="news-card-top">
                <h3>Liming Heavy Industry new sand making machine-VSI6X </h3><span>2017-06-27</span>
              </div>
              <p>Sand is one of the important raw material for infrastructure construction. With the depletion of
                natural sand resources, mechanism..</p>
            </li>
          </ul>
        </div>
        <div class="col-lg-3">
          <div class="contact">
            <img src="/src/img/1478003568_Streamline-59.png" alt="">
            <p>Please feel free to </p>
            <h3>CONTACT WITH US</h3>
            <button type="button">ONLINE SERVICE</button>
          </div>
        </div>
      </div>
    </div>

  </section>
<!-- 新闻结束 -->
  <footer class="footer-bg">
    <div class="container ">
      <div class="footer-mid">
        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>PRODUCTS</li>
          <li>Mobile Crushers</li>
          <li>Stationary Crushers</li>
          <li>Grinding Mill</li>
          <li>Washing & Screening</li>
          <li>Ore Beneficiation</li>
        </ul>

        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>CASE</li>
          <li>Mobile Crushing</li>
          <li>Construction</li>
          <li>Mining</li>
          <li>Industrial Grinding</li>
        </ul>

        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>ABOUT US</li>
          <li>Introduction</li>
          <li>Services</li>

        </ul>
        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>NEWS</li>
          <li>Company News</li>
          <li>Industry News</li>
        </ul>
        <ul class="footer-cell">
          <li>GET CONNECTED</li>
          <li><img src="/src/img/call7.png" alt="">+86-21-50458961, +86-21-50471909 </li>
          <li><img src="/src/img/message.png" alt="">kefidsh@kefidchina.com</li>
          <li><img src="/src/img/wechat.png" alt="">kefidmachine</li>
          <li><img src="/src/img/skype.png" alt="">kefidmachine</li>

        </ul>

        <button>TOP</button>

      </div>



    </div>
    <div class="footer-bottom">
      <p>Copyright © 2004-2015 by China Liming Heavy Industry Science and Technology Co. LTD All rights reserved</p>
      <p>Tel: 0086-371-86162511 E-mail:info@limingco.com Google+</p>
    </div>
  </footer>
  <script src="/src/js/bootstrap.bundle.js"></script>
  <script>
    function openTab(event, tabName) {
      // 获取所有标签页内容元素
      var tabContent = document.getElementsByClassName("tab-content");

      // 隐藏所有标签页内容
      for (var i = 0; i < tabContent.length; i++) {
        tabContent[i].style.display = "none";
      }

      // 移除所有标签页选项卡的 active 类
      var tabs = document.getElementsByClassName("tab");
      console.log(tabs);
      for (var i = 0; i < tabs.length; i++) {
        tabs[i].className = tabs[i].className.replace("tab-active", "");
      }

      // 显示当前选中标签页内容
      document.getElementById(tabName).style.display = "block";

      // 添加 active 类到当前选中标签页选项卡
      event.currentTarget.className += " tab-active";
    }

    function openProjectTab(event, tabName) {
      // 获取所有标签页内容元素
      var tabContent = document.getElementsByClassName("tab-project-content");

      // 隐藏所有标签页内容
      for (var i = 0; i < tabContent.length; i++) {
        tabContent[i].style.display = "none";
      }

      // 移除所有标签页选项卡的 active 类
      var tabs = document.getElementsByClassName("p-tab");
      console.log(tabs);
      for (var i = 0; i < tabs.length; i++) {
        tabs[i].className = tabs[i].className.replace("tab-project-active", "");
      }

      // 显示当前选中标签页内容
      document.getElementById(tabName).style.display = "block";

      // 添加 active 类到当前选中标签页选项卡
      event.currentTarget.className += " tab-project-active";
    }

    function showImage(imageId) {
      document.getElementById('image1').style.display = 'none';
      document.getElementById('image2').style.display = 'none';
      document.getElementById('image3').style.display = 'none';
      document.getElementById(imageId).style.display = 'block';
    }
  </script>
</body>

</html>